import React, { useState, useEffect } from 'react'
import { Toast, NavBar, Grid, Button } from 'react-vant';
import { useSearchParams } from 'react-router-dom';
import { Checked } from '@react-vant/icons'
import { ChromeOutlined, WechatOutlined, QqOutlined, WeiboCircleOutlined } from '@ant-design/icons';
import axios from 'axios'
import '../css/cell.css'
export default function PublishOver() {
    const [params] = useSearchParams()
    const [arr, setArr] = useState([])
    const getData = async () => {
        let { data: { goodslist } } = await axios.get('http://localhost:3000/goodslist')
        setArr(goodslist)
    }
    useEffect(() => {
        getData()
    }, [])
    return (
        <div>
            <NavBar
                title="发布成功"
            />
            <div id="success_img">
                <div id="suc_img">
                    <Checked color='#09bb07' fontSize={180}/>
                </div>
            </div>
            <hr />
            <div id="share">
                <p style={{ color: 'tomato' }}>分享</p>
                <Grid>
                    <Grid.Item icon={<ChromeOutlined />} />
                    <Grid.Item icon={<WechatOutlined />} />
                    <Grid.Item icon={<QqOutlined />} />
                    <Grid.Item icon={<WeiboCircleOutlined />} />
                </Grid>
            </div>
            <hr />
            <div id="over">
                <Button type='warning'>查看订单</Button>
                <Button type='info'>返回主页</Button>
            </div>
        </div>
    )
}
